<aside class="left-sidebar">
            <!-- Sidebar scroll-->
            <div class="scroll-sidebar">
                <!-- Sidebar navigation-->
                <nav class="sidebar-nav">
                    <ul id="sidebarnav">
                        <!--:for(m in session.menus!){  -->
                        <!--:if(!isEmpty(m.children)){  -->
                        <li >
                            <a class="has-arrow " href="#" aria-expanded="false">
                            <i class="mdi mdi-book-open-variant"></i>
                            <span class="hide-menu">${m.name!}</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <!--:for(m1 in m.children!){  -->
                                <!--:if(!isEmpty(m1.children)){  -->
                                <li>
                                <a class="has-arrow" >${m1.name!}</a>
                            		<ul aria-expanded="false" class="collapse">
                            			<!--:for(m2 in m1.children!){  -->
                            			<li><a href="${root}${m2.url}">${m2.name!}</a></li>
                            			<!--:}  -->
                            		</ul>
                                </li>
                                <!--:}else{  -->
                                <li><a href="${root}${m1.url}">${m1.name!}</a></li>
                        		<!--:}-->
                                <!--:}-->
                            </ul>
                        </li>
                        <!--:}else{  -->
                        <li><a href="${root}${m.url}">${m.name!}</a></li>
                        <!--:}  -->
                        <!--:}  -->
                        
                        
                        <li class="nav-small-cap">PERSONAL</li>
                        <li>
                            <a class="has-arrow" href="#" aria-expanded="false"><i class="mdi mdi-gauge"></i><span class="hide-menu">控制面板 </span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}admin/">视图1</a></li>
                                <li><a href="${root}index2.html">视图2</a></li>
                                <li><a href="${root}index3.html">视图3</a></li>
                                <li><a href="${root}index4.html">视图4</a></li>
                                <li><a href="${root}index5.html">视图5</a></li>
                                <li><a href="${root}index6.html">视图6</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="has-arrow " href="#" aria-expanded="false"><i class="mdi mdi-bullseye"></i><span class="hide-menu">应用</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}app-calendar.html">日历</a></li>
                                <li>
                                    <a class="has-arrow" href="#" aria-expanded="false">邮件</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}app-email.html">列表</a></li>
                                        <li><a href="${root}app-email-detail.html">详情</a></li>
                                        <li><a href="${root}app-compose.html">写邮件</a></li>
                                    </ul>
                                </li>
                                <li><a class="has-arrow" href="#" aria-expanded="false">聊天</a>
                                <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}app-chat.html">聊天</a></li>
                                <li><a href="${root}app-ticket.html">票单列表</a></li>
                                <li><a href="${root}app-contact.html">联系人</a></li>
                                <li><a href="${root}app-contact2.html">联系人列表</a></li>
                                <li><a href="${root}app-contact-detail.html">联系人详情</a></li>
                                </ul>
                                </li>
                                
                                <li class="three-column">
                            <a class="has-arrow" href="#" aria-expanded="false"><i class="mdi mdi-chart-bubble"></i><span class="hide-menu">UI组件</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}ui-tooltip-stylish.html">光标</a></li>
                                <li><a href="${root}ui-sweetalert.html">提示标</a></li>
                                <li><a href="${root}ui-cards.html">卡片</a></li>
                                <li><a href="${root}ui-user-card.html">用户卡</a></li>
                                <li><a href="${root}ui-buttons.html">按钮</a></li>
                                <li><a href="${root}ui-modals.html">对话框</a></li>
                                <li><a href="${root}ui-tab.html">切换卡</a></li>
                                <li><a href="${root}ui-tooltip-popover.html">提示框</a></li>
                                <li><a href="${root}ui-notification.html">通知</a></li>
                                <li><a href="${root}ui-progressbar.html">进度</a></li>
                                <li><a href="${root}ui-typography.html">文字排版</a></li>
                                <li><a href="${root}ui-bootstrap.html">UI组</a></li>
                                <li><a href="${root}ui-breadcrumb.html">面包屑</a></li>
                                <li><a href="${root}ui-bootstrap-switch.html">开关</a></li>
                                <li><a href="${root}ui-list-media.html">媒体列表</a></li>
                                <li><a href="${root}ui-ribbons.html">角标志</a></li>
                                <li><a href="${root}ui-grid.html">格子</a></li>
                                <li><a href="${root}ui-carousel.html">轮播</a></li>
                                <li><a href="${root}ui-nestable.html">拖动列表</a></li>
                                <li><a href="${root}ui-range-slider.html">滑块</a></li>
                                <li><a href="${root}ui-timeline.html">时间轴</a></li>
                                <li><a href="${root}ui-horizontal-timeline.html">日期时间轴</a></li>
                                <li><a href="${root}ui-session-timeout.html">Session超时</a></li>
                                <li><a href="${root}ui-session-ideal-timeout.html">Session超时器</a></li>
                                <li><a href="${root}ui-date-paginator.html">日期分页</a></li>
                                <li><a href="${root}ui-dragable-portlet.html">拖到容器</a></li>
                            </ul>
                        </li>
                        <li class="nav-devider"></li>
                        <li class="nav-small-cap">表单</li>
                        <li class="two-column">
                            <a class="has-arrow" href="#" aria-expanded="false"><i class="mdi mdi-file"></i><span class="hide-menu">表单</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}form-basic.html">基本表单</a></li>
                                <li><a href="${root}form-layout.html">布局表单</a></li>
                                <li><a href="${root}form-addons.html">表单插件</a></li>
                                <li><a href="${root}form-material.html">表单素材</a></li>
                                <li><a href="${root}form-float-input.html">浮动标题</a></li>
                                <li><a href="${root}form-pickers.html">选择权</a></li>
                                <li><a href="${root}form-upload.html">上传</a></li>
                                <li><a href="${root}form-mask.html">表单遮罩</a></li>
                                <li><a href="${root}form-validation.html">表单验证</a></li>
                                <li><a href="${root}form-dropzone.html">文件回显示</a></li>
                                <li><a href="${root}form-icheck.html">check</a></li>
                                <li><a href="${root}form-img-cropper.html">图片裁剪</a></li>
                                <li><a href="${root}form-bootstrapwysihtml5.html">HTML5编辑器</a></li>
                                <li><a href="${root}form-typehead.html">自动补全</a></li>
                                <li><a href="${root}form-wizard.html">表单向导</a></li>
                                <li><a href="${root}form-xeditable.html">Xeditable Editor</a></li>
                                <li><a href="${root}form-summernote.html">Summernote Editor</a></li>
                                <li><a href="${root}form-tinymce.html">Tinymce Editor</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="has-arrow " href="#" aria-expanded="false"><i class="mdi mdi-table"></i><span class="hide-menu">表格</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}table-basic.html">Basic Tables</a></li>
                                <li><a href="${root}table-layout.html">Table Layouts</a></li>
                                <li><a href="${root}table-data-table.html">Data Tables</a></li>
                                <li><a href="${root}table-footable.html">Footable</a></li>
                                <li><a href="${root}table-jsgrid.html">Js Grid Table</a></li>
                                <li><a href="${root}table-responsive.html">Responsive Table</a></li>
                                <li><a href="${root}table-bootstrap.html">Bootstrap Tables</a></li>
                                <li><a href="${root}table-editable-table.html">Editable Table</a></li>
                            </ul>
                        </li>
                        <li class="nav-devider"></li>
                        <li class="nav-small-cap">EXTRA COMPONENTS</li>
                        <li class="two-column">
                            <a class="has-arrow " href="#" aria-expanded="false"><i class="mdi mdi-book-open-variant"></i><span class="hide-menu">页面</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li><a href="${root}starter-kit.html">Starter Kit</a></li>
                                <li><a href="${root}pages-profile.html">Profile page</a></li>
                                <li><a href="${root}pages-animation.html">Animation</a></li>
                                <li><a href="${root}pages-fix-innersidebar.html">Sticky Left sidebar</a></li>
                                <li><a href="${root}pages-fix-inner-right-sidebar.html">Sticky Right sidebar</a></li>
                                <li><a href="${root}pages-invoice.html">Invoice</a></li>
                                <li><a href="${root}pages-treeview.html">Treeview</a></li>
                                <li><a href="${root}pages-utility-classes.html">Helper Classes</a></li>
                                <li><a href="${root}pages-search-result.html">Search result</a></li>
                                <li><a href="${root}pages-scroll.html">Scrollbar</a></li>
                                <li><a href="${root}pages-pricing.html">Pricing</a></li>
                                <li><a href="${root}pages-lightbox-popup.html">Lighbox popup</a></li>
                                <li><a href="${root}pages-gallery.html">Gallery</a></li>
                                <li><a href="${root}pages-faq.html">Faqs</a></li>
                                <li><a href="${root}#" class="has-arrow">Error Pages</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}400.html">400</a></li>
                                        <li><a href="${root}403.html">403</a></li>
                                        <li><a href="${root}404.html">404</a></li>
                                        <li><a href="${root}500.html">500</a></li>
                                        <li><a href="${root}503.html">503</a></li>
                                    </ul>
                                </li>
                                <li><a href="${root}#" class="has-arrow">Authentication <span class="label label-rounded label-success">6</span></a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}pages-login.html">Login 1</a></li>
                                        <li><a href="${root}pages-login-2.html">Login 2</a></li>
                                        <li><a href="${root}pages-register.html">Register</a></li>
                                        <li><a href="${root}pages-register2.html">Register 2</a></li>
                                        <li><a href="${root}pages-lockscreen.html">Lockscreen</a></li>
                                        <li><a href="${root}pages-recover-password.html">Recover password</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a class="has-arrow " href="#" aria-expanded="false"><i class="mdi mdi-widgets"></i><span class="hide-menu">扩展</span></a>
                            <ul aria-expanded="false" class="collapse">
                                <li>
                                    <a class="has-arrow " href="#" aria-expanded="false">Widgets</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}widget-apps.html">Widget Apps</a></li>
                                        <li><a href="${root}widget-data.html">Widget Data</a></li>
                                        <li><a href="${root}widget-charts.html">Widget Charts</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="has-arrow " href="#" aria-expanded="false">Maps</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}map-google.html">Google Maps</a></li>
                                        <li><a href="${root}map-vector.html">Vector Maps</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="has-arrow " href="#" aria-expanded="false">Icons</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}icon-material.html">Material Icons</a></li>
                                        <li><a href="${root}icon-fontawesome.html">Fontawesome Icons</a></li>
                                        <li><a href="${root}icon-themify.html">Themify Icons</a></li>
                                        <li><a href="${root}icon-linea.html">Linea Icons</a></li>
                                        <li><a href="${root}icon-weather.html">Weather Icons</a></li>
                                        <li><a href="${root}icon-simple-lineicon.html">Simple Lineicons</a></li>
                                        <li><a href="${root}icon-flag.html">Flag Icons</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a class="has-arrow " href="#" aria-expanded="false">Charts</a>
                                    <ul aria-expanded="false" class="collapse">
                                        <li><a href="${root}chart-morris.html">Morris Chart</a></li>
                                        <li><a href="${root}chart-chartist.html">Chartis Chart</a></li>
                                        <li><a href="${root}chart-echart.html">Echarts</a></li>
                                        <li><a href="${root}chart-flot.html">Flot Chart</a></li>
                                        <li><a href="${root}chart-knob.html">Knob Chart</a></li>
                                        <li><a href="${root}chart-chart-js.html">Chartjs</a></li>
                                        <li><a href="${root}chart-sparkline.html">Sparkline Chart</a></li>
                                        <li><a href="${root}chart-extra-chart.html">Extra chart</a></li>
                                        <li><a href="${root}chart-peity.html">Peity Charts</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <!-- End Sidebar navigation -->
            </div>
            <!-- End Sidebar scroll-->
        </aside>